Dynamic row color

If the row background color depends on the data - create a custom row background property and link it to the row style

	// add custom row property calculated from the cell value in col-3
	grid.defineRowProperty("background", function(row){
		var value = this.getCellValue(3, row);
		return value == 2006 ? "#ddd" : "#fff";
	});

	// add dynamic row style linked to the custom row background property
	grid.getRowTemplate().setStyle("background", function(){
		return this.getRowProperty("background");
	});

Back to row examples, all examples